<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" type="text/css" />
    <link rel="stylesheet" th:href="@{/css/milligram.min.css}" type="text/css" />
    <link rel="stylesheet" th:href="@{/css/fonts.style.css}" type="text/css" />
    <link rel="stylesheet" th:href="@{/css/style.css}" type="text/css" />
    <script th:src="@{/js/jquery-3.4.1.js}"></script>
    <script th:src="@{/js/jQueryCode.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
</head>
<body>
<div class="top-nav animation-bg-color-skyblue">
    <div class="logo">
        <a href="#"><img th:src="@{/img/logo.png}" /></a>
    </div>
    <div class="account-check fr">
        <div class="before-login">
            <a class="a-btn animation" href="/user/login">
                <span class="icon-enter"></span>登录
            </a>
            <a class="a-btn animation" href="/user/register">
                <span class="icon-user-plus"></span>注册
            </a>
        </div>
        <div class="after-login hide">
            <!--<a class="a-btn animation fr" href="#">-->
            <!--<span class="icon-exit"></span>退出-->
            <!--</a>-->
            <h5 class="fr">欢迎登陆:13049148938</h5>
        </div>
    </div>

    <div class="s-side animation-bg-color-skyblue">
        <ul>
            <!--这部分是导航栏信息。-->
            <li class="s-firstItem first">
                <a href="/user/index">
                    <i class="fa fa-home"></i>
                    <span>首页</span>
                </a>
            </li>
            <!--查找-->
            <li class="first">
                <div class="d-firstNav s-firstNav clearfix">
                    <i class="fa fa-bars"></i>
                    <span>查找</span>
                    <i class="fa fa-caret-right fr"></i>
                </div>
                <ul class="d-firstDrop s-firstDrop">
                    <li class="s-secondItem">
                        <i class="fa fa-minus-square-o"></i>
                        <a href="/evaluate/toFindEval">
                            查找医生&nbsp;<span class="icon-cheveron-right"></span>
                        </a>
                    </li>
                </ul>
            </li>
            <!--预约挂号-->
            <li class="first">
                <div class="d-firstNav s-firstNav clearfix">
                    <i class="fa fa-bars"></i>
                    <span>预约挂号</span>
                    <i class="fa fa-caret-right fr"></i>
                </div>
                <ul class="d-firstDrop s-firstDrop">
                    <li class="s-secondItem">
                        <i class="fa fa-minus-square-o"></i>
                        <a href="/reservation/toReserve">
                            预约&nbsp;<span class="icon-cheveron-right"></span>
                        </a>
                    </li>
                </ul>
            </li>

            <!--社区-->
            <li class="first">
                <div class="d-firstNav s-firstNav">
                    <i class="fa fa-bars"></i>
                    <span>社区</span>
                    <i class="fa fa-caret-right fr" ></i>
                </div>
                <ul class="d-firstDrop s-firstDrop">
                    <li>
                        <div class="d-secondNav s-secondNav">
                            <i class="fa fa-minus-square-o"></i>
                            <span>文章</span>
                            <i class="fa fa-caret-right fr"></i>
                        </div>
                        <ul class="d-secondDrop s-secondDrop">
                            <li class="s-thirdItem">
                                <a href="/community/toSendArticle">
                                    发表文章&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                            <li class="s-thirdItem">
                                <a href="/community/showArticle">
                                    浏览文章&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <div class="d-secondNav s-secondNav">
                            <i class="fa fa-minus-square-o"></i>
                            <span>帖子</span>
                            <i class="fa fa-caret-right fr "></i>
                        </div>
                        <ul class="d-secondDrop s-secondDrop">
                            <li class="s-thirdItem">
                                <a href="/community/toCommunity">
                                    浏览帖子&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <!--个人中心-->
            <li class="first">
                <div class="d-firstNav s-firstNav clearfix">
                    <i class="fa fa-bars"></i>
                    <span>个人中心</span>
                    <i class="fa fa-caret-right fr"></i>
                </div>
                <ul class="d-firstDrop s-firstDrop">
                    <li>
                        <div class="d-secondNav s-secondNav">
                            <i class="fa fa-minus-square-o"></i>
                            <span>个人资料</span>
                            <i class="fa fa-caret-right fr"></i>
                        </div>
                        <ul class="d-secondDrop s-secondDrop">
                            <li class="s-thirdItem">
                                <a href="/user/userInfo">
                                    个人信息&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                            <li class="s-thirdItem">
                                <a href="/user/password">
                                    修改密码&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                            <li class="s-thirdItem">
                                <a href="/user/verify">
                                    实名认证&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <div class="d-secondNav s-secondNav">
                            <i class="fa fa-minus-square-o"></i>
                            <span>钱包</span>
                            <i class="fa fa-caret-right fr"></i>
                        </div>
                        <ul class="d-secondDrop s-secondDrop">
                            <li class="s-thirdItem">
                                <a href="/reservation/toWallet">
                                    我的钱包&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                            <li class="s-thirdItem">
                                <a href="/reservation/toRecharge">
                                    充值&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                            <li class="s-thirdItem">
                                <a href="/reservation/toBill">
                                    我的账单&nbsp;<span class="icon-cheveron-right"></span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="s-secondItem">
                        <i class="fa fa-minus-square-o"></i>
                        <a href="/community/toCollection">
                            我的收藏&nbsp;<span class="icon-cheveron-right"></span>
                        </a>
                    </li>
                    <li class="s-secondItem">
                        <i class="fa fa-minus-square-o"></i>
                        <a href="/evaluate/toMyEvaluate">
                            我的评价&nbsp;<span class="icon-cheveron-right"></span>
                        </a>
                    </li>

                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="layout">
    <div class="container">
        <h3>个人信息</h3>
        <hr class="divider"><!-- 分界线 -->
        <form th:action="@{/user/updateUserInfo}" method="post">
            <div class="row" th:each="item:${users}">
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-mobile"></span>电话
                    </label>
                    <input class="form-control" type="text" readonly="readonly" name="phone" th:value="${item.phone}"/>
                </div>
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-user"></span>昵称
                    </label>
                    <input class="form-control" type="text" name="nickname" th:value="${item.nickname}"/>
                </div>
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-man-woman"></span>性别
                    </label>
                    <input class="form-control" type="text" name="gender" th:value="${item.gender}"/>
                </div>
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-calendar"></span>年龄
                    </label>
                    <input class="form-control" type="text" name="age" th:value="${item.age}"/>
                </div>
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-user1"></span>姓名
                    </label>
                    <input class="form-control" type="text" readonly="readonly" name="name" th:value="${item.name}"/>
                </div>
                <div class="col-md-12 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span></span>身份证号码
                    </label>
                    <input class="form-control" type="text" readonly="readonly" name="identity"
                           th:value="${item.identity}"/>
                </div>
                <div class="col-md-8 input-group">
                    <label class="input-group-addon d-flex align-items-center">
                        <span class="icon-location"></span>地址
                    </label>
                    <input class="form-control" type="text" name="address" th:value="${item.address}"/>
                </div>
                <div class="col-md-8 input-group">
                    <input class="input-btn btn" type="submit" value="提交"/>
                </div>
            </div>
        </form>
    </div>
    <div class="bubbles">
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
    </div>
</div>

<!--<div>-->
    <!--<form th:action="@{/user/updateUserInfo}" method="post">-->
        <!--<table th:each="item:${users}">-->
            <!--<tr>-->
                <!--<td><input type="hidden" name="id" th:value="${item.id}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>昵称</td><td><input type="text" name="nickname" th:value="${item.nickname}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>姓名</td><td><input type="text" readonly="readonly" name="name" th:value="${item.name}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>性别</td><td><input type="text" name="gender" th:value="${item.gender}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>年龄</td><td><input type="text" name="age" th:value="${item.age}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>身份证号码</td><td><input type="text" readonly="readonly" name="identity" th:value="${item.identity}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>地址</td><td><input type="text" name="address" th:value="${item.address}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>电话</td><td><input type="text" readonly="readonly" name="phone" th:value="${item.phone}"/></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><input type="submit" value="提交"/></td>-->
            <!--</tr>-->
        <!--</table>-->
    <!--</form>-->
<!--</div>-->
</body>
</html>